<?php
require_once '../funciones/funciones.php';
require_once '../funciones/transaccion.php';
?>
<!DOCTYPE html>
<html>
    <head>
        <?php require_once '../includes/head.html'; ?>
        <title></title>
        <script type="text/javascript"> 
            var globalSubtema ="";
            $(document).ready(function(){                
<?php require_once '../includes/jsEnReady.php'; ?>
            jQuery("#list").jqGrid({
                url: '../scripts/cargaSugerencias.php',
                datatype: 'json',
                colNames:['Acción','Tema','Subtema','Descripción','Tipo','Pregunta'],
                colModel :[
                    {name:'edita',index:'edita', width:120,sortable:false, align:"center",search:false},
                    {name:'tem.temaNombre',index:'tem.temaNombre', width:130},
                    {name:'subt.subtemaNombre',index:'subt.subtemaNombre', width:130},
                    {name:'suger.sugerDescripcion',index:'suger.sugerDescripcion', width:200},
                    {name:'suger.sugerTipo',index:'suger.sugerTipo', width:30 },
                    {name:'suger.sugerencia',index:'suger.sugerencia',formatter:'showlink', formatoptions:{baseLinkUrl:'../scripts/abreSuger.php',target:"_new"}, width:200}
                ],
                loadComplete: function(){
                    var ids = jQuery("#list").getDataIDs();
                    for(var i=0;i<ids.length;i++){
                        var cl = ids[i];
                        var se = "<input type='button' onclick='fnElimina(" + cl + ");' value='Eliminar' class='btnGrilla btnGrillaElimina' \\>";
                        se = se + "<input type='button' onclick='fnAeditar(" + cl + ");' value='Editar' class='btnGrilla' \\>";
                        jQuery("#list").setRowData(cl,{edita:se});
                    }
                },
                autowidth: true,
                pager: jQuery('#pager'),
                rowNum:50,
                rowList:[10,20,30,50,100,200],
                sortname: 'temaNombre',
                sortorder: "asc",
                viewrecords: true,
                caption: 'Sugerencias',
                height:260
            }); //fin jQuery("#list").jqGrid({       
            //Barra de navegación
            jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
            $("#tema").change(function(){
                if($(this).val()!="")
                    $("#divSubtema").load("../scripts/cargasLoad.php", {opc: '1',valor:$(this).val()},function(){
                        $("#subtema").val(globalSubtema);
                    });
                else $("#divSubtema").val('');
            });
            $("#tipo").change(function(){
                $("#divArchivo").css("display","none");
                $("#divUrl").css("display","none");
                if($(this).val() != ""){
                    if($(this).val() == "PDF")
                        $("#divArchivo").css("display","block");
                    if($(this).val() == "URL")
                        $("#divUrl").css("display","block");
                }
            });
            $("#btnGuardar").click(function(){
                if(valida()){
                    $("#formSugerencias").submit();
                    fnReset();
                    mensajes("Se ha guardado correctamente la suegerencia", 2, false);
                }
            });
        }); //fin $(document).ready(function(){
        function valida(){
            if($("#tema").val() == ""){
                mensajes("Debe elegir un tema", 1, false);
                $("#tema").focus();
                return false;                        
            }
            if($("#tipo").val() == "PDF" && $("#sugerId").val() == ""){                    
                if($("#archivo").val() ==""){
                    mensajes("Debe subir el archivo PDF", 1, false);
                    $("#archivo").focus();
                    return false;                        
                }else if(!$("#archivo").val().match(/.pdf$/)){
                    mensajes("El archivo debe ser PDF", 1, false);
                    $("#archivo").focus();
                    return false;                        
                }
            }
            if($("#tipo").val() == "URL"){
                if(!$("#ruta").val().match(/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/)){
                    mensajes("La ruta URL no es valida verifique por favor", 1, false);
                    $("#ruta").focus();
                    return false;                        
                }
            }
            if($("#descrip").val() ==""){
                mensajes("Debe ingresar una descripción para la sugerencias", 1, false);
                $("#descrip").focus();
                return false;
            }                
            return true;
        } //fin fn_Valida
        function fnAeditar(val){
            $.getJSON("../scripts/cargasJson.php", {opc:"editaSugerencias",suger:val}, function(datos){
                globalSubtema = datos.subtemaId;                    
                $("#tema").val(datos.temaId);
                $("#tema").trigger("change");
                $("#tipo").val(datos.sugerTipo);
                $("#tipo").trigger("change");
                if(datos.sugerTipo == "URL")
                    $("#ruta").val(datos.sugerencia);
                $("#divAccion").html("editando");
                $("#divBtnAccion").css("display", "block");
                $("#descrip").val(datos.sugerDescripcion);
                $("#sugerId").val(datos.sugerId);
            });
            return;
        }
        function fnReset(){
            $("#formSugerencias").trigger("reset");
            jQuery("#list").trigger("reloadGrid");
            $("#divSubtema").html('');
            $("#sugerId").val('');
            $("#txtElimina").val('');
            $("#divAccion").html("creando");
            $("#divBtnAccion").css("display","none");
        }
        function fnElimina(val){
            if(confirm("¿Esta seguro de eliminar esta sugerencia?")){
                $("#txtElimina").val('E');
                $("#sugerId").val(val);                 
                $("#formSugerencias").submit();
                fnReset();
                mensajes("Se ha eliminado correctamente la suegerencia", 2, false);
            }
            return true;
        }
        </script>
    </head>
    <body>
        <div class="ui-accordion-header ui-state-default ui-corner-all titulo" id="divPruebaTapion">ADMINISTRACIÓN DE LAS SUGERENCIAS</div>
        <div class="divAcciones">
            <div id="divTextAccion1" style="float: left;margin-right: 35px">
                Usted está <span id="divAccion" style="font-style: italic;font-weight: 600">creando</span> una sugerencia
            </div>
            <div id="divBtnAccion" style="display: none;vertical-align: top;float: left">
                <a href="#" style="font-size: 14px;font-weight: normal" onclick="window.location.reload();" >CANCELAR EDICIÓN</a>
            </div>
            <div class="ayuda" style="float: right">
                <a href="ayudaAdmin.php#sugerencias" title="Ayuda" target="_new"><img src="../imagenes/ayuda1.png" style="margin: 1px;padding: 1px;" alt="Ayuda" title="Ayuda" /></a>
            </div>
        </div><br/>
        <?php include '../includes/body.php'; ?>
        <form id="formSugerencias" method="POST" action="../scripts/guardaSugerencias.php" enctype="multipart/form-data" target="iframeAuxiliar" >
            <div id="divContenedor" style="position: static">
                <div >
                    <fieldset>
                        <legend>Tematica</legend>
                        <table>
                            <tr>
                                <td><label for="tema">Tema</label></td>
                                <td>
                                    <select id="tema" name="tema" >
                                        <option value="">Seleccione</option>
                                        <?php
                                        $con = new MySQL();
                                        $sql = "select * from temas order by temaOrden";
                                        $result = $con->consulta($sql);
                                        while ($row = $con->unaFila($result))
                                            echo "<option value='{$row['temaId']}'>{$row['temaNombre']}</option>";
                                        ?>
                                    </select>
                                </td>
                                <td><label for="subtema">Subtema</label></td>
                                <td><div id="divSubtema"></div></td>
                            </tr>
                        </table>
                    </fieldset>
                </div>
                <div>
                    <fieldset  style="width: 90%">
                        <legend>Clase de Sugerencia</legend>
                        <div id="divTipo" style="position: relative;float: left;padding: 2px 8px">
                            <label for="tipo" style="padding-right: 8px">Tipo</label><select id="tipo" name="tipo">
                                <option value="">Elija</option>
                                <option value="PDF">PDF</option>
                                <option value="URL">URL</option>
                            </select>
                        </div>
                        <div id="divUrl" style="position: relative;float: left;display: none">
                            <table>
                                <tr>
                                    <td><label for="ruta" style="padding-right: 8px">Direccion URL</label></td>
                                    <td><input type="text" id="ruta" name="ruta" /></td>
                                </tr>
                            </table>
                        </div>
                        <div id="divArchivo" style="position: relative;float: left;display: none">
                            <table>
                                <tr>
                                    <td><label for="archivo" style="padding-right: 8px">Archivo</label></td>
                                    <td><input type="file" id="archivo" name="archivo" /> </td>
                                </tr>
                            </table>
                        </div>
                        <div style="position: relative;float: left">
                            <label for="descrip">Descripción</label>
                            <input type="text" id="descrip" name="descrip" title="Ingrese una descripcion para la sugerencia" />
                        </div>
                    </fieldset>
                </div>
            </div>
            <div style="text-align: center;margin-bottom: 3px;">
                <input type="button" id="btnConsultar" value="Consultar" onclick="jQuery('#list').jqGrid('searchGrid',{multipleSearch:true});" />
                <input type="button" id="btnGuardar" value="Guardar Sugerencia" />
                <input type="button" id="btnCancelar" value="Cancelar" onclick="fnReset();" />
                <input type="hidden" id="sugerId" value="" name="sugerId" />
                <input type="hidden" id="txtElimina" value="" name="txtElimina" />
            </div>
        </form>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll"></table>
    </body>
</html>
